@import "helper.scss";

body {
  font-size: 13px;
}

.bg {
  background-color: #fff;
}

.w100 {
  width: 100%;
}

.header {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.my-header {
  min-height: rem(200);
  background-image: url('../images/bg1.png');
  background-size: rem(375);
  background-repeat: no-repeat;
  background-position: top center;
  padding: 0 rem(20) 0;
}

.store-header {
  min-height: rem(320);
  background-image: url('../images/bg2.png');
  background-size: rem(375);
  background-repeat: no-repeat;
  background-position: top center;
  margin-bottom: rem(20);
  padding: 0 rem(20);
  text-align: center;
  color: #fff;
}

.my-card {
  width: 100%;
  background-color: #fff1bf;
  color: #000;
}

.flex {
  display: flex;
  &-item {
    flex: 1;
  }
  &-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.align-items--baseline {
  align-items: baseline;
}


.small {
  font-size: 81%;
}

.color {
  &--gray {
    color: #a2a2a2;
  }
  &--red {
    color: #e0133c;
  }
}

.text {
  &--center {
    text-align: center;
  }
}

.hot-title {
  font-size: 14px;
  margin: rem(16) rem(10) rem(6);
}

.m {
  padding: rem(20) rem(12) rem(10);
}

.flex-column {
  display: flex;
  flex-direction: column;
}


.touch {
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.line-2 {
  line-height: 2;
}